<template>
  <div class="user-item">
    <div>{{ item.name }}</div>
    <div>{{ item.userid }}</div>
    <div>{{ item.username }}</div>
    <div>{{ item.userpassword }}</div>
    <div>{{ item.schoolid }}</div>
    <div>{{ item.type }}</div>
    <div>{{ item.status }}</div>
    <el-button class="user-item__modify"
               size="mini"
               type="warning">
      修改
    </el-button>
    <el-button class="user-item__delete"
               size="mini"
               type="danger">
      删除
    </el-button>
  </div>
</template>

<script>
export default {
  props: {
    item: {
      typeof: Object,
      default: () => {}
    }
  },
  mounted () {
    console.log(this.item)
  }
}
</script>

<style lang="less" scoped>
@import url("~@/assets/css/home.less");

  .user-item {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 45px;
    border: 1px solid @border-color;
    font-size: @font-size-four;
    &__modify,
    &__delete{
      width: 40px;
      height: 25px;
    }
  }
</style>
